page {
    background: #F2F2F2;
}

.content {
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: center;
}

.noStartList {
    margin-top: 40rpx;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 30rpx;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    border-radius: 30rpx;
    overflow: auto;
    background-color: white;
}

.listTitle {
    flex: 1;
    display: flex;
    align-items: center;
    max-height: 100rpx;
    min-height: 100rpx;
    background-color: #4186F5;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.groupNum {
    margin: 0rpx 30rpx;
    font-size: 35rpx;
    font-weight: 400;
    font-family: '黑体';
    color: white;
}

.title {
    margin-left: 20%;
    font-size: 35rpx;
    font-weight: 400;
    font-family: '黑体';
    color: white;
}

.routeList {
    display: flex;
    flex-direction: column;
    width: 100%;
    /* 垂直居中 */
}

.routeItem {
    margin: 20rpx 5%;
    width: 90%;
    display: flex;
    align-items: center;
    background-color: #E9F4FF;
    border-radius: 10rpx;
    border-bottom: 1px solid white;

}

.routeIndex {
    margin: 20rpx 10rpx 20rpx 30rpx;
    width: 40rpx;
    height: 40rpx;
    line-height: 40rpx;
    text-align: center;
    border: #4186F5 solid 1px;
    border-radius: 50rpx;
    color: #4186F5;
}

.routeName {
    flex: 1;
    margin-left: 10rpx;
    max-width: 75%;
    font-family: '宋体';
    font-size: 30rpx;
    overflow: hidden;
    text-overflow: ellipsis;
}

.selectIcon {
    margin-right: 30rpx;
    width: 30rpx;
    height: 30rpx;
}

.selectIcon image {
    width: 100%;
    height: 100%;
}

.startedRouteList {
    margin-top: 40rpx;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 30rpx;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    border-radius: 30rpx;
    overflow: auto;
    background-color: white;
}

.listTitleStarted {
    flex: 1;
    display: flex;
    align-items: center;
    max-height: 100rpx;
    min-height: 100rpx;
    background-color: #FF9802;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.startedRoute {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 10rpx 0rpx;
}

.routeItemStarted {
    margin-top: 20rpx;
    width: 94%;
    height: 100rpx;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 15rpx;
    background-color: #FFF9F0;
}

.btnWarp {
    display: flex;
    align-items: center;
    width: 100%;
    height: 120rpx;
    background-color: white;
    position: fixed;
    bottom: 0rpx;
}

.submit {
    margin: 0 auto;
    width: 600rpx;
    height: 88rpx;
    line-height: 88rpx;
    text-align: center;
    background-color: #4186F5;
    color: white;
    border-radius: 50rpx;
}
